<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>双色表格</title>
<style type="text/css">
 h1{
     color:#063;
     font-weight:bold;
     font-family:"黑体";
     text-align:center;
 }
 .datalist{
     border:1px solid #007108;
     background-color:#d9ffdc;
     font-size:14px;
     border-collapse:collapse;
     width:800px;
     margin:0px auto;
 }
 .datalist td{
     border:1px solid #007108;
     text-align:center;
     line-height:20px;
     padding:4px 10px;
 }
 .tableHeader{
     background:#00a40c;
     color:#FFF;
     font-weight:bold;
 }
 .evenStyle{
     background-color:#a5e5aa;
 }
 .over{
     background-color:#ff9;
 }
</style>
<!-- 记得导入jquery文件! -->
<script>
 //训练要点
 //（1）进一步练习选择器的使用
 //（2）练习追加样式、删除样式、改变css样式的方法
 
 //实现思路及步骤
 //1.设计页面HTML结构，应用CSS样式，将表格的背景色全部设置为#d9ffdc。
 //2.DOM加载完成后，单独为表头设置背景色，然后为偶数行设置不同的背景颜色，
 //  即设置<tr>节点的backgroundColor属性，可以直接通过css()方法设置，也可以先在css样式表中设置好类样式，然后使用addClass()方法添加该样式。
 //3.为每一行绑定鼠标移入事件，鼠标移入某行后，该行背景色设置为#ff9。
 //4.为每一行绑定鼠标移出事件，鼠标移出某行后，该行背景色恢复为初始颜色。

  //--------------在此开始你的代码--------------------
	 



 //--------------在此结束你的代码--------------------


</script>

</head>

<body>
<h1>学生信息表</h1>
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="datalist">
  <tr>
    <td>学号</td>
    <td>姓名</td>
    <td>性别</td>
    <td>年龄</td>
    <td>电话号码</td>
  </tr>
  <tr>
    <td>20141201</td>
    <td>陈奕炫</td>
    <td>男</td>
    <td>18</td>
    <td>13882424456</td>
  </tr>
  <tr>
    <td>20141202</td>
    <td>李伟涛</td>
    <td>男</td>
    <td>19</td>
    <td>13882424457</td>
  </tr>
  <tr>
    <td>20141203</td>
    <td>卢志宏</td>
    <td>男</td>
    <td>18</td>
    <td>13882424461</td>
  </tr>
  <tr>
    <td>20141204</td>
    <td>马晓松</td>
    <td>男</td>
    <td>17</td>
    <td>13882424458</td>
  </tr>
  <tr>
    <td>20141205</td>
    <td>朱俊亮</td>
    <td>男</td>
    <td>18</td>
    <td>13882424459</td>
  </tr>
  <tr>
    <td>20141206</td>
    <td>范汉华</td>
    <td>男</td>
    <td>19</td>
    <td>13882424460</td>
  </tr>
  <tr>
    <td>20141207</td>
    <td>陈荣辉</td>
    <td>男</td>
    <td>18</td>
    <td>13882424461</td>
  </tr>
  <tr>
    <td>20141208</td>
    <td>吴家良</td>
    <td>男</td>
    <td>18</td>
    <td>13882424462</td>
  </tr>
  <tr>
    <td>20141209</td>
    <td>张安享</td>
    <td>男</td>
    <td>19</td>
    <td>13882424463</td>
  </tr>
  <tr>
    <td>20141210</td>
    <td>吴耀东</td>
    <td>男</td>
    <td>18</td>
    <td>13882424464</td>
  </tr>
    <tr>
    <td>20141211</td>
    <td>黄小桂</td>
    <td>女</td>
    <td>18</td>
    <td>13882424465</td>
  </tr>
  <tr>
    <td>20141212</td>
    <td>陈永亮</td>
    <td>男</td>
    <td>18</td>
    <td>13882424466</td>
  </tr>
  <tr>
    <td>20141213</td>
    <td>黄博</td>
    <td>男</td>
    <td>18</td>
    <td>13882424467</td>
  </tr>
  <tr>
    <td>20141214</td>
    <td>张晓佳</td>
    <td>女</td>
    <td>18</td>
    <td>13882424468</td>
  </tr>
  <tr>
    <td>20141215</td>
    <td>林德佳</td>
    <td>男</td>
    <td>18</td>
    <td>13882424469</td>
  </tr>
</table>
</body>
</html>
